import { createApp, watchEffect } from "vue";
import App from "../mainApp.vue";
// import { initStores } from "@sfx-vue-lib/stores";

// import { registerAccessDirective } from '@vben/access';
// import { initTippy } from '@vben/common-ui';
// import { preferences } from '@vben/preferences';
// import '@vben/styles';
// import '@vben/styles/ele';

// import { useTitle } from '@vueuse/core';
// import { ElLoading } from 'element-plus';

// import { $t, setupI18n } from '#/locales';

// import { initComponentAdapter } from './adapter/component';
// import App from './app.vue';
// import { router } from './router';

export async function bootstrap(workspace: string) {
    //   // 初始化组件适配器
    //   await initComponentAdapter();
    //   // // 设置弹窗的默认配置
    //   // setDefaultModalProps({
    //   //   fullscreenButton: false,
    //   // });
    //   // // 设置抽屉的默认配置
    //   // setDefaultDrawerProps({
    //   //   zIndex: 2000,
    //   // });

    const app = createApp(App);

    //   // 注册Element Plus提供的v-loading指令
    //   app.directive('loading', ElLoading.directive);

    //   // 国际化 i18n 配置
    //   await setupI18n(app);

    //   // 配置 pinia-tore
    // await initStores(app, { workspace });

    //   // 安装权限指令
    //   registerAccessDirective(app);

    //   // 初始化 tippy
    //   initTippy(app);

    //   // 配置路由及路由守卫
    //   app.use(router);

    //   // 动态更新标题
    //   watchEffect(() => {
    //     if (preferences.app.dynamicTitle) {
    //       const routeTitle = router.currentRoute.value.meta?.title;
    //       const pageTitle =
    //         (routeTitle ? `${$t(routeTitle)} - ` : '') + preferences.app.name;
    //       useTitle(pageTitle);
    //     }
    //   });

    app.mount("#app");
}
